<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<script type="text/javascript" src="${ctx}/res/js/survey/surveyManagement/surveyReleaseGroup.js"></script>
		
		<style type="text/css">
			.divToolbar {
				line-height: 30px;
				text-align: left;
				width: 180px;
				margin-top: 5px;
				margin-bottom: 5px;
				overflow: auto;
			}
			
			.groupDiv {
				background-color: #ffffff;
				height: 450px;
				width: 180px;
				overflow: auto;
			}
			
			.chooseGroup {
				line-height: 25px;
				margin-bottom: 2px;
				cursor: pointer;
				font-size: 15px;
				background-color: #2daeda;
				line-height: 30px;
				padding-left: 5px;
				width: 158px;
			}
			
			#checkbox{
			margin-left: 0px;
			}
			
			.list_grid tbody tr:hover{
			  cursor: default;
			}
			.list_query_fix {
				border: 1.5px solid #3399CC;
				padding: 3px 3px 3px 5px;
				margin-bottom: 10px;
			}
			
			.list_query_fix label {
				margin-left: 1px;
			}
			
			.list_query_fix label span {
				margin-right: 1px;
			}
			
			.list_query_fix label input {
				width: 120px;
			}
			
	</style>
	
	</head>
	
	<body>
		<table>
			<tr>
				<td style="vertical-align: top;">
					<div class="list_toolbar divToolbar"></div>
					<div id="groupDiv" class="groupDiv"></div>
				</td>
	
				<td style="vertical-align: top;">
					<table id="userListTable">
					
						<!-- 查询条件 区域 -->
						<tr>
							<td>
								<div class="list_query_fix">
									<form method="post" id="queryForm">
										<label><span>USERNAME</span><input type="text" id="username" style="margin-top:10px;width:105px;font-size:12px" name="username" placeholder="请输入USERNAME" /></label>
										<label><span>CN_NAME</span><input type="text" id="cn_name"style="margin-top:10px;width:105px;font-size:12px" name="cn_name" placeholder="请输入CN_NAME" /></label> 
										<label><span>DEPT_NAME</span><input type="text" id="dept_name"style="margin-top:10px;width:105px;font-size:12px" name="dept_name" placeholder="请输入DEPT_NAME" /></label>
									</form>
								</div>
							</td>
						</tr>
	
						<!-- 按钮操作区域 -->
						<tr>
							<td>
								<div class="list_toolbar">
									<div class="toolButton" onclick="queryDate();">查询</div>
									<div class="toolButton" onclick="updateUser();">提交 
										<input id="create_user" type="hidden" value="<%=session.getAttribute("SESSION_USERNAME") %>">
									</div>
								</div>
							</td>
						</tr>
	
						<!-- 表头区域 -->
						<tr>
							<td>
								<table class="list_grid">
									<thead>
										<tr>
											<th>IS_JOIN</th>
											<th>USERNAME</th>
											<th>CN_NAME</th>
											<th>DEPT_NAME</th>
											<th style="width: 1px;"></th>
										</tr>
									</thead>
								</table>
							</td>
						</tr>
	
						<!-- 数据区域 -->
						<tr>
							<td>
								<div class="list_scrollControlDiv" style="height: 270px;">
									<table class="list_grid" style="border-spacing: 0;">
										<tbody id="tBodyList" class="userItem">
										</tbody>
									</table>
								</div>
							</td>
						</tr>
	
						<!-- 分页控件区域 -->
						<tr>
							<td>
								<div id="pagination" class="pagination"></div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>